*{
    margin: 0px;
    padding: 0px;
}
.yemian{
    width: 100%;
    height: 2200px;
}
/* 导航条设置 */
.navigationBar{
    background-color: black;
    width: 100%;
    height: 133px; 
    position: absolute;
    opacity: 0.8;
}
.navigationBar:hover{
    opacity: 1;
    box-shadow: 1px 100px 300px rgba(0, 0, 0);
}

.logo{
    width: 400px;
    height: 300px;
    position: absolute;
    top: 24px;
    right:78%;
}
.logo img{
    width: 320px;
}

ul{
    list-style: none; 
    /* 导航条背景颜色 */
    /* background-color:rgb(0, 0, 0);  */
    text-align: end;  
    /* 透明度设置 */
    /* opacity: 0.8; */
} 
 ul li{
    /* 设置关联 */
    display: inline-block;
    position: relative;
}

/* 对标签的字体进行设置 */
 ul li a{
    margin-top: 18px;
    background: transparent;
    display: block;
    padding: 35px 45px;
    /* 字体颜色 */
    color: rgb(41, 37, 37);
    text-decoration: none;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    /* text-align: 10px; */
}
.du a{
    margin-top: 10px;
}
.dang a{
    margin-top: -50px;
}
/* 盒子 */
.power,.figures{
    text-align: left;
    /* color: black; */
    /* display: block; */
    /* width: 230px; */
    padding: 20xp;
    background: transparent;
    position: absolute;
    /* z-index: 1; */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    top: 70px;
    /* right: 10px; */
    display: none;
}
/* 鼠标移动到上面设置 */
ul li a:hover{
    color: white;
    /* opacity: 1; */
}
/* <!-- 势力汇总 --> */
ul li:hover ul.power{ 
    display: block;
}
/* <!-- 同盟介绍 --> */
ul li:hover ul.figures{ 
    display: block;
}
/* 所在突出页面显示 */
#active,#figures{
    color: white;
}


/* 主题设置 */
.background{
    /* position: fixed; */
    margin-top: -133px;
}
/* 插入背景图片 */
.background img{
    width: 100%;
    height: 100%;
    /* 解决图片不重叠 */
    position: absolute;
}
.backgroundText{
   
    right: 50%;
    margin-right: -630px;
    top: 50%;
    margin-top:338px;
    position: absolute;
}



/* 轮播图设置 */
.carousel ul {
    height: 0px;
    width: 800px;
    padding: 0;
    position: absolute;
    /* 水平居中 */
    left: 50%;
    margin-left: -790px;
    /* 垂直居中 */
    top: 50%;
    margin-top: 869px;
    list-style: none;
}

  /* 移入到轮播图区域把鼠标形状变成‘手’ */
.carousel ul:hover {
    cursor: pointer;
}

.carousel li {
    position: absolute;
    left: 0;
    /* 过渡属性，让轮播图切换更自然 */
    transition: 0.5s;
}

/* 轮播图背景图设置 */
.background2{
    width: 100%;
    height: 720px;
    /* top: 100px; */
    /* position: absolute; */
}

/* 底部设置 */
.dibu{
    /* background-image: url("..\img\dibu.jpg"); */
    width: 100%;
    height: 300px;
}
.dibu img{
    position: relative;
}
.dibu p{
    font-size: 20px;
    position: relative;
    color: white;
    text-align: center;
}
.dibu .p1{
    margin-top: -81px;
    /* margin-left: 50%; */
    /* left: 15%; */
}
.dibu .p2{
    margin-top: -130px;
    /* left: 15%; */
}
.dibu .p3{
    color: red;
    margin-top: 45px;
    font-size: 30px;
    text-align: right;
}










